body {
    overflow-x: hidden;
}

.top-nav {
    background-color: rgb(49, 49, 50);
    height: 44px;
}

.container {
    width: 980px;
    margin: 0 auto;
    padding: 0 22px;
}

.big-container {
    width: 1406px;
    padding: 0 50px;
    margin: 0 auto;
    box-sizing: border-box;
}

@media screen and (max-width:1400px) {
    .big-container {
        width: 1243px;
        padding: 0 50px;
        margin: 0 auto;
        box-sizing: border-box;
    }
    
}

.container p {
    text-align:center;
}

.t-left {
    text-align: left!important;
}

.nav-list {
    width: 1000px;
    line-height: 44px;
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
    box-sizing: border-box;
    height: 44px;
    position: relative;
}

/* 字体 */
.font_14px {
    font-size: 14px !important;
}

.font_12px {
    font-size: 12px !important;
}

.font_24px {
    font-size: 24px !important;
}

.font_28px {
    font-size: 28px !important;
}

.font_17px {
    font-size:17px !important;
}

.bold {
    font-weight: bold !important;
}

.t-center {
    text-align: center;
}
.white {
    color: #fff!important;
}

.nav-tips {
    line-height: 20px;
    padding: 16px 0;
    margin: 0 auto;
}


.nav-list a {
    color: rgb(214, 214, 214);
    font-weight: 400;
    transition: .4s;
    vertical-align: middle;
}

.nav-list a i {
    font-size: 18px;
}

.nav-list a i:first-child {
    font-size: 20px;
}

.nav-list a:hover {
    color: #fff;
}
#bag-a-btn {
    position: relative;
}
.bag-goods-num {
    display:inline-block;
    width: 15px;
    height: 15px;
    line-height: 15px;
    border-radius: 50%;
    background:#d6d6d6;
    font-size: 7px;
    text-align: center;
    color: #000;
    position: absolute;
    left:10px;
    top: 7px;
}

/* 搜索框 */

.search-outter-wrapper {
    width: 682px;
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -341px;
    z-index: 6;

}

.search-form {
    display: flex;
    justify-content: space-between;
    height: 44px;
    padding: 0;
  
}
.search-inner-wrapper input,
.search-inner-wrapper button{
    background:rgb(49, 49, 50);
}

.search-inner-wrapper input{
    width: 605px;
    text-indent: 10px;
    font-size: 15px;
    /* padding: 0 38px 0 39px; */
    border: none;
    outline: none;
    color: #fff;
}

.search-inner-wrapper button {
    border: none;
    font-size: 20px;
    color: rgb(107, 107, 110);  
}

.search-list-wrapper {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    background: #fff;
    border-radius: 0 0 18px 18px;
    padding:24px 0 18px 0;
    box-shadow:0 0 5px rgb(110, 110, 115) ;
}

.quick-links {
    width: 602px;
    margin: 0 auto;
    display: inline-block;
    text-align: left;
    font-size: 10px;
    color: rgb(152, 152, 156);
    line-height: 28px;
}

.search-list-wrapper a{
    width: 568px;
    display: inline-block;
    text-align: left;
    padding: 5px 48px;
    color: #1d1d1f;
    line-height:28px;
    margin: 0 10px;
    transition: none;
}

.search-list-wrapper a:hover {
    background:rgb(245, 245, 247);
    color: rgb(0, 119, 237);
}

/* 固定头部 */
.fixed-search {
    position: fixed;
    width: 100%;
    top: 0;
    height: 44px;
    z-index: 88;
    display: none;
    background:rgb(49, 49, 50);
}
.fixed-search .search-form {
    height: 44px;  
}
/* 黑色蒙版 */
.mask-layer {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.493)!important;
    z-index: 5;
}
/* 购物袋内容 */
.bag-wrapper {
    position: absolute;
    width: 286px;
    padding: 0 20px;
    background:#fff;
    border-radius: 18px;
    box-sizing: border-box;
    border:1px solid rgb(210, 210, 215);
    left: 837px;
    top: 52px;

}

.bag-goods-list {
    position: relative;
    z-index: 2;
}

/* 角 */
.angle {
    border:1px solid rgb(210, 210, 215);
    border-right: none;
    border-bottom: none;
    background: #fff;
    width: 12px;
    height:12px;
    position: absolute;
    left: 50%;
    margin-left: -6px;
    top:-7px;
    transform: rotateZ(45deg);
    border-radius: 2px;
}

.bag-wrapper li:not(:last-child) {
    border-bottom: 1px solid rgb(210, 210, 215);
}

.bag-goods-list  li{
   padding: 16px 0;
}

.bag-goods-list  li img {
    width: 60px;
    vertical-align: top;
}

.bag-goods-list li span {
    color: rgb(92, 92, 93);
}

.goods-item span {
    display: inline-block;
    width:176px;
    height: 60px;
    line-height:14px;
    padding: 10px;
    padding-right: 0;
    box-sizing: border-box;
}
.check-btn {
    display: block;
    line-height: 36px;
    height: 36px;
    width:246px;
    text-align: center;
    background:#0071e3;
    box-sizing: border-box;
    font-size: 16px;
    border-radius: 8px;
}

.check-btn:hover {
    background:rgb(0, 119, 237);
}

.bag-view-nav-list li i{
    padding-right: 10px;
}

.blue-more {
    color: #0066cc !important;
}

a.blue-more:hover {
    text-decoration: underline;
}

.black-more {
    color: #1d1d1f;
}

a.black-more:hover {
    text-decoration: underline;
}

main {
    background-color: rgb(245, 245, 247);
}
/* 卡片大标题 */
.cards-shelf-header {
    width: 1024px;
    height: 47px;
    margin: 0 auto;
    text-align: left;
    font-weight: bold;
    padding-bottom: 14px;
}
/* 卡片1024布局  */

.cards-shelf-scroller {
    width: 100%;
    position: relative;
}

.cards-shlef-wrapper {
    width:1024px;
    margin: 0 auto;
    white-space: nowrap;
    margin-bottom: 54px;
    position: relative;
    left:0;
    transition: .6s;
}

.cards-shelf-header span{
    font-size: 28px;
    color: rgb(110, 110, 115);
    
}

.cards-shelf-header span:first-child {
    color: rgb(29, 29, 31);
}

/* 手型 */
.pointer {
    cursor: pointer;
}

/* 列表左右按钮 */
.cards-pointer-l,.cards-pointer-r {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    position: absolute;    
    top:50%;
    margin-top: -26px;    
    opacity: 0;
    font-size: 24px;
    color: #fff;
    background: rgba(0, 0, 0, .28);
    opacity: 0;
    transition: .6s;
    z-index: 89;
    /* display: none; */
}
.cards-pointer-l{
    left:20px;
}
.cards-pointer-r {
    right:20px;
}

@media screen and (max-width:1400px) {
    .apple-discount li{
        width:375px;
    }

     .apple-discount img{
        width:375px!important;
    }
    
}
/* 盒阴影 */
.shadow {
    box-shadow: 0 0 7px rgb(216, 216, 216);
}

.r-full-content-wrapper:hover img,.shadow:hover {
    box-shadow: 0 0 7px rgb(185, 185, 185);

}

/* 卡片移入放大 */
.cards-shelf-scroller ul li:hover,
.img-full-wrapper:hover,
.r-full-wrapper:hover,
.r-full-content-wrapper:hover {
    transform: scale(1.02,1.02);
}

.img-full-wrapper,
.r-full-wrapper,
.r-full-content-wrapper {
    transition: .3s;
    border-radius: 18px;
}

.img-full-wrapper img,
.r-full-wrapper img,
.r-full-content-wrapper img {
    border-radius: 18px;
}

/* cf清楚浮动 */
.cf::after{
    content: '';
    display: block;
    clear: both;
}

/* 页面底部的产品注释 */

.footnotes-content {
    width: 980px;
    margin: 0 auto;
    padding: 30px 22px;

}

.footnotes-content p, .footnotes-content a{
    color: #86868b;
    line-height: 18px;
    padding-bottom: 4px;
}
 
/* 底部 */
footer {
    background-color: rgb(245, 245, 247);
}

footer .footnotes-content {
    width: 980px;
    padding: 0 22px;
    margin: 0 auto;
}

.foot-path {
    border-top: 1px solid rgb(210, 210, 215);
    padding: 17px 0;
    margin: 0 auto;
}

.foot-path a i {
    color: rgb(81, 81, 84);
    font-size: 14px;
}

.foot-path span {
    color: #555555;
}

.footer-nav {
    display: flex;
    justify-content: space-between;
}

.footer-nav-list {
    margin-right: 20px;
    
}

.footer-nav-list li {
    margin-bottom: 10px;
    text-align: left;
    width: 176px;
}

.footer-nav-list li a{
    color: rgb(107, 107, 110);
    line-height: 16px;
}

.footer-nav-list li span {
    display: inline-block;
    margin-bottom: 10px;
}

.footer-more-info {
    padding: 10px 0;
    color:rgb(144, 144, 148);
}

.footer-more-info a {
    color: #0066cc;
}

.footer-policy  {
    border-top: 1px solid rgb(210, 210, 215);
    padding: 10px 0;
    color:rgb(144, 144, 148);
}

.footer-policy a {
    display: inline-block;
    margin:5px 0;
    padding:0 8px;
}

.footer-policy a:not(:first-child) {
    border-left: 1px solid  rgb(210, 210, 215);
}


form p {
    position: relative;
}

.hide-placeholder-name-1 {
    font-size: 18px;
    color: #757575;
    position:absolute;
    top:50%;
    margin-top: -9px;
    left:17px;
    transition: .3s;
}
